/*reset.css*/
/*test*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
        font-family:arial,helvetica,tahoma,sans-serif;
        font-size:12px;
        color:#fff;

}

html {
        height: 100%;
}

body {
        height: 100%;
        line-height: 1;
        background-image:url('imgs/background.jpg');
        background-repeat: repeat;
        min-width:1300px;
        position:relative;
}

ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}

/* remember to define focus styles! */
:focus {
        outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}
.clear{
        clear:both;
        zoom:1;
}
/*reset.css*/

header, footer, nav, section, article, aside, figure, hgroup {
 display:block;
}

/*misc*/
.clear{
        clear:both;
        zoom:1;
}

/* Wrapper classes */


/* Header class */
.main-header{
        height:40px;
        background-color: rgba(197,204,209,.17);
        padding:10px 25px 0 25px;
        border-bottom:1px solid #223148;

}
.main-header .logo{
        background-image:url("imgs/logo.png");
		background-color:#637CA5;
        height:39px;
        width:100px;
        /*padding-top:10px;*/
        border-top:1px solid #425471;
        border-left:1px solid #425471;
        border-right:1px solid #425471;
        float:left;
        text-align:center;
}
.main-header .title,
.main-header .project-name,
.main-header .release-name      
{
        color:white;
        float:left;
        font-size:18px;
        padding:10px 0 0 30px;
		display:block;
}

.main-header .menu-btn a {
        height:25px;
        border-top:1px solid #425471;
        border-left:1px solid #425471;
        border-right:1px solid #425471;
        padding:14px 15px 0;
        background:#637ca5;
        margin-right:10px;
        float:right;
        display:block;
        cursor:pointer;
        font-weight:bold;
}
.main-header .menu-btn a:hover{
        background:#6681aa;
}
.main-header .menu-btn a:active{
        background:#586d8e;
}
/* Body class */
.workspace h2 {
        text-align:center;
}

.workspace h3 {
        text-align:center;
}
.main-body{
        min-height:400px;
        padding:25px;

}

.main-body-project-rev{
        min-height:400px;
        padding:25px;
}

/* Project-rev-switch css */

.project-rev {
	float:left;
}

.project-content-body .meta, 
.release-content-body .meta {
	display: none;
}
.main-body-project-rev-content{
        width:1000px;
        margin: 0 auto;
}
       
.main-body-project-rev-project{
        width:50%;
        min-height:400px;
        padding-right:10px;
        float:left;
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
        box-sizing:        border-box;
}

.main-body-project-rev-release{
        width:50%;
        min-height:400px;
        padding-left:10px;
        float:left;
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
        box-sizing:        border-box;
}

.main-body-project-rev .project-content {
        background:#637ca5;
        min-height:400px;
        border: 1px #223148 solid;
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
        box-sizing:        border-box;
}

.main-body-project-rev .release-content {
        background:#637ca5;
        min-height:400px;
        border: 1px #223148 solid;
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
        box-sizing:        border-box;
}
.main-body-project-rev .go-project-rev-btn {
        float:right;
        margin-top:20px;
}

.main-body-project-rev .go-project-rev-btn a{
        height:23px;
        border-top:1px solid #425471;
        padding:12px 15px 0;
        background:#637ca5;
        display:block;
        float:right;
        cursor:pointer;
        font-weight:bold;
        color:white;
}

.main-body-project-rev .go-project-rev-btn a:hover,
.main-body-project-rev .project-content-header-options-content a.project-new:hover,
.main-body-project-rev .project-content-header-options-content a.project-rename:hover,
.main-body-project-rev .project-content-header-options-content a.project-edit-users:hover,
.main-body-project-rev .project-content-header-options-content a.project-delete:hover,
.main-body-project-rev .release-content-header-options-content a:hover {
        background:#6681aa;
}

.main-body-project-rev .go-project-rev-btn a:active,
.main-body-project-rev .project-content-header-options-content a.project-new:active,
.main-body-project-rev .project-content-header-options-content a.project-rename:active,
.main-body-project-rev .project-content-header-options-content a.project-edit-users:active,
.main-body-project-rev .project-content-header-options-content a.project-delete:active,
.main-body-project-rev .release-content-header-options-content a:active {
        background:#586d8e;
}

.main-body-project-rev .project-content-header,
.main-body-project-rev .release-content-header {
        height:80px;
        border-bottom: 1px solid #223148;
}

.main-body-project-rev .project-content-header-title,
.main-body-project-rev .release-content-header-title {
        height:50%;
}

.main-body-project-rev .project-content-header-title-txt,
.main-body-project-rev .release-content-header-title-txt {
        text-align:center;      
        color: white;
        font-size:18px;
        padding-top:15px;
}

.main-body-project-rev .project-content-header-options,
.main-body-project-rev .release-content-header-options {
        height:40px;
        padding-right:10px;
        padding-left:10px;
        padding-top:7px;
}

.main-body-project-rev .project-content-header-options-content,
.main-body-project-rev .release-content-header-options-content {
        height:100%;
}


.main-body-project-rev .project-content-header-options-content a.project-new,
.main-body-project-rev .project-content-header-options-content a.project-rename,
.main-body-project-rev .project-content-header-options-content a.project-delete,
.main-body-project-rev .release-content-header-options-content a {
        height:22px;
        border:1px solid #223148;
		border-bottom-width: 0px;
        padding:10px 15px 0;
        background-color:rgba(197, 204, 209, 0.17);
        margin-right:10px;
        display:block;
        float:left;
        cursor:pointer;
        font-weight:bold;
}

.main-body-project-rev .project-content-header-options-content a.project-edit-users {
        height:22px;
        border:1px solid #223148;
		border-bottom-width: 0px;
        padding:10px 15px 0;
        background-color:rgba(197, 204, 209, 0.17);
        margin-right:1px;
        display:block;
        float:right;
        cursor:pointer;
        font-weight:bold;
}

.main-body-project-rev .release-content-body,
.main-body-project-rev .project-content-body {
        padding-left:10px;
        padding-right:10px;
                padding-bottom: 10px;
        height:328px; 
                overflow-y: auto;   
}

.main-body-project-rev .project-name,
.main-body-project-rev .release-name {
        padding-top:10px;
}

.main-body-project-rev .project-name-text,
.main-body-project-rev .release-name-text {
        height:18px;
        border:1px solid #556282;
        border-bottom-width: 2px;
        padding:10px 15px 4px 15px;
        background-color: #ACB8CC;
        display:block;
        cursor:pointer;
        font-weight:bold;
        color:black;
        
		overflow: hidden;
		white-space: nowrap; 
		text-overflow: ellipsis;
}

.main-body-project-rev .project-name-text:hover,
.main-body-project-rev .release-name-text:hover {
		background-color: #b8c5dc;
}
.main-body-project-rev .project-name.active .project-name-text,
.main-body-project-rev .release-name.active .release-name-text{
        background-color: #DDD592;
		border-color: #706a37;
}
.main-body .aggregate-col-header-light{
        height:44px;
        background-image:url('imgs/g1.jpg');
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
        box-sizing:        border-box;
        float:left;
        width:7.65%;
        border-top:1px #454545 solid;
        padding-top:15px;
}
.main-body .col-border-left{
        border-left:#454545 1px solid;
}
.main-body .col-border-right{
        border-right:#454545 1px solid;
}
.main-body .aggregate-col-content{
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
        box-sizing:        border-box;
        /*min-height:400px;*/
}

.main-body .sub-col{
        border-left:#454545 1px solid;
        border-bottom:#454545 1px solid;
        background-color:#acb8cc;
        float:left;
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
        box-sizing:        border-box;
        width:7.65%;
        min-height:400px;
}

.main-body .sub-col:hover{
		background-color:#bfc9db;
}

.main-body .darker{
		background-color:#B4C0D6;
}

.main-body .sub-col-header{
        height:26px;
        background-color: #96a5be;
        border-top: 1px solid #707a8a;
        border-bottom: 1px solid #707a8a;
        padding:5px;
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
        box-sizing:        border-box;
}

.main-body .sub-col-content{
        padding:5px;
        -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
        box-sizing:        border-box;
}
.main-body .sub-col-content .ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.main-body .sub-col-content .ui-sortable-placeholder * { visibility: hidden; }
.main-body .plus-box{
        height:22px;
        background-color:#96a5be;
        border: 1px solid #707a8a;
        margin-bottom:5px;
        cursor:pointer;
}
.main-body .plus-box:hover{
        background-color:#a6b8d3;
}
.main-body .plus-box:active{
        background-color:#8997af;
}
.main-body .plus{
        text-align: center;
        font-weight:bold;
        padding: 5px;
}

.main-body .user-story{
        text-align: center;
        /*background-color: #d7dfeb;*/
                background-color: #e6ebf3;
        margin-bottom: 5px;
        border: 1px solid #707a8a;
        color: black;
        position:relative;
}
.main-body .user-story .header{
        border-bottom:1px solid #707a8a;
        padding: 5px;
        position:relative;
        /*background:#e6ebf3;*/
                background:#ecf0f5;
        cursor:move;
        height:12px;
}
.main-body .user-story .header .title{
        font-weight:bold;
        float:left;
        color:black;
}
.main-body .user-story .header .expand{
        font-size: 20px;
    position: absolute;
    right: 4px;
    top: -1px;
        color:black;
        cursor:pointer;
}
.main-body .user-story .content{
        padding:5px;
        min-height:50px;
                color:black;
                text-align: left;
                word-wrap: break-word;
       
}
/*
.main-body .user-story .content p{
        line-height:16px;
        color:black;
        text-align: left;
}*/
.main-body .user-story .meta{
        display:none;
}
/* Footer class */
.wrapper {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
        height: 50px; /* .push must be the same height as .footer */
}
.main-footer {
        height:50px;
        background-color: rgba(197,204,209,.17);
        text-align:center;
}
.main-footer div{
        padding:15px;
        font-size:14px;
}
/* Userstory detail Overlay  */
.ui-dialog{
        position:absolute !important;  
}

.story-detail-overlap{
        width:350px;
        position:absolute;
                
}
.ui-dialog-titlebar{
        padding:12px 18px;
		height:14px;
        background:#444c61;
        cursor:move;
}
.ui-dialog-titlebar-close{
        float:right;
        font-weight:bold;
        cursor:pointer;
        text-decoration:none;
}

.story-detail-overlap .content{
        padding:6px 18px;
        background:#e6ebf3;
}

.story-detail-overlap .field-rows-wrap{
        border-bottom:1px solid gray;
}
.story-detail-overlap .field-row{
        margin-bottom:10px;
}
.story-detail-overlap .field-row input,.story-detail-overlap .field-row textfield{
        padding:2;
        border:1;
}
.story-detail-overlap .field-row textarea{
	min-height:100px;
}
.story-detail-overlap .field-row .radio-wrap{
        float:left;
        margin-right:15px;
}
.story-detail-overlap .field-row .delete{
        color: blue;
            float: right;
            font-weight: bold;
            padding-top: 5px;
                cursor:pointer;
}
.story-detail-overlap .field-row .radio-wrap label{
        color:black;
        font-weight:bold;
}
.story-detail-overlap .field-row .text-field{
        width:308px;
}
.story-detail-overlap .field-row.release label{
        color:black;
        margin-right:5px;
        font-weight:bold;
}
.story-detail-overlap .field-row.release select{
        width:100px;
}

.story-detail-overlap .defect-wrap {
                border-top:1px solid gray;
                padding-top:10px;
}

.story-detail-overlap .defect-wrap label{
        color:black;
        margin-right:5px;
        font-weight:bold;
}
.story-detail-overlap .defect-wrap select{
        width:150px;
}

.story-detail-overlap .user-wrap {
                color: black;
                border-top:1px solid gray;
                padding-bottom: 5px;
}

.story-detail-overlap .user-wrap label{
                color:black;
        width:150px;
        font-weight:bold;
}

.story-detail-overlap .user-wrap p{
                color:black;
                padding-top:15px;
}

.story-detail-overlap .user-wrap b{
                color:black;
                font-weight:normal;
}

.story-detail-overlap .field-row.color label{
        color:black;
        margin-right:5px;
        font-weight:bold;
                /*float:left;*/
}
.story-detail-overlap .field-row.accept,.story-detail-overlap .field-row.close{
        width:103px;
        border:1px solid black;
        padding:13px 0;
        float:right;
        margin-top:10px;
		margin-left:10px;
        background:#d9e2ef;
        cursor:pointer;
}

.story-detail-overlap span{
        text-align:center;
        display:block;
        color:black;
        font-weight:bold;
}


/* New/Rename Project/Release Overlay */

.admin-overlay,
.new-project-overlay,
.new-release-overlay,
.rename-release-overlay,
.rename-project-overlay
{
        width:314px !important;
    padding: 30px 18px;
    background:#e6ebf3;
        position: absolute;
}

.edit-project-overlay
{
        width:314px !important;
    padding: 30px 18px;
    background:#e6ebf3;
        position: absolute;
}


.rename-release-overlay .rename-release-overlay-name .text-field,
.rename-project-overlay .rename-project-overlay-name .text-field,
.new-release-overlay .new-release-overlay-name .text-field,
.new-project-overlay .new-project-overlay-name .text-field,
.admin-overlay .text-field
 {
        width:305px;
}

.edit-project-overlay .edit-project-overlay-name .text-field
 {
        width:305px;
        }

.edit-project-overlay .menu-btn {
    margin: 0px 10px 10px 10px;
}


.edit-project-overlay .menu-btn a {
    background: none repeat scroll 0 0 #D9E2EF;
    border-color: #000000;
    border-style: solid;
    border-width: 0.5px;
    cursor: pointer;
    display: block;
    float: right;
    font-weight: bold;
    height: 23px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 15px 15px 0;
    text-align: center;
    width: 53px;
}


.edit-project-overlay .edit-project-overlay-email .projectemail {
    color: #000000;
    margin: 10px 0px 10px 0;
}

.new-release-overlay .new-release-accept-btn,
.rename-release-overlay .rename-release-accept-btn,
.rename-project-overlay .rename-project-accept-btn,
.new-project-overlay .new-project-accept-btn
{
        width:103px;
        border:1px solid black;
        padding:13px 0;
        float:right;
        margin-top:10px;
        background:#637CA5;
        cursor:pointer;
                text-align:middile;
}

.new-release-overlay span,
.rename-release-overlay span,
.new-project-overlay span,
.rename-project-overlay span
{
        text-align:center;
        display:block;
        color:black;
        font-weight:bold;
}


/*---------------------new add code------------------*/
.new-project-overlay .menu-btn {
    margin: 10px 10px 10px 10px;
}

.new-project-overlay .menu-btn a,
.admin-overlay a {
    background: none repeat scroll 0 0 #637CA5;
    border-color: #000000;
    border-style: solid;
    border-width: 0.5px;
    cursor: pointer;
    display: block;
    float: right;
    font-weight: bold;
    height: 23px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 15px 15px 0;
    text-align: center;
    width: 53px;
}

.menu-btn a:hover {
    background: #6681aa;
}

.menu-btn a:active {
    background: #586d8e;
}

.useremail .currentusers {
    color: #000000;
    margin: 10px 0px 10px 0;
}

.new-project-overlay-email .projectemail {
    color: #000000;
    margin: 10px 0px 10px 0;
}


.new-project-overlay-name .projectname {
    color: #000000;
    margin: -16px 0px 0px 0;
}
/*--------------------------------------*/
/* account-settings.html */

.account-settings-body{
    padding-top:40px;
    padding-bottom:40px;
}
.account-settings-form{
    width:360px;
    background: #6979A1;
    margin:0 auto;
}
.account-settings-form-header{
    border-color: #425471 #425471 #425461;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    display: block;
    padding-top: 10px;
    height: 30px;
}
.account-settings-form-header-text{
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}
.account-settings-form-body{
    padding: 20px 20px 0px 20px;
	border: 1px solid #425471;
	border-bottom-width: 0px;
}
.account-settings-form-body input{
	height: 28px;
	padding-left:5px;
	background: rgb(239, 239, 239);
	border: 1px solid rgb(120, 120, 120);
	
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.account-settings-form-body input:hover{
	background: rgb(255, 255, 255);
}
.account-settings-body-names{
    margin: 0 auto;
}
.account-settings-body-names-first{
	padding:0px;
    float: left;
	margin-bottom:10px;
}
#account-settings-firstname {
	width:145px;
}
#account-settings-lastname {
	width:145px;
}
.account-settings-body-names-first-header{
	padding:0px 0px 2px 5px;
}
.account-settings-body-names-first-body{
}
.account-settings-body-names-last{
    float: right;
}
.account-settings-body-names-last-header{
	padding:0px 0px 2px 7px;
}
.account-settings-body-names-last-body{
}
.account-settings-body-email{
	margin-bottom:10px;
}
.account-settings-body-email-header{
	padding:0px 0px 2px 5px;
}
.account-settings-body-email-body{
}
.account-settings-body-password{
	margin-bottom:10px;
}
.account-settings-body-password-header{
	padding:0px 0px 2px 5px;
}
.account-settings-body-password-body{
}
.account-settings-change-password-toggle{
    cursor:pointer;
    font-weight:bold;
	padding:0px 0px 0px 5px;
}

.account-settings-body-changepass{
	margin: 10px 0px 10px 0px;
}
.account-settings-body-changepass-header{
	padding:0px 0px 2px 5px;
}
.account-settings-body-changepass-body{
}
.account-settings-body-changepassconf{
	margin: 0px 0px 10px 0px;
}
.account-settings-body-changepassconf-header{
	padding:0px 0px 2px 5px;
}
.account-settings-body-changepassconf-body{
}

.submit-account-changes{
	padding: 10px 20px 20px 20px;
	
    border-color: #425471;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
}

.submit-account-changes-link {
    background: #556690;
    border-color: #425471;
    border-style: solid;
    border-width: 1px;
    height: 16px;
    width: 140px;
    float: right;
    display: block;     /*Since links aren't by default displaye as blocks*/
    cursor: pointer;
    text-align:center;
    padding: 8px;
	font-family: Verdana,Arial,sans-serif;
	font-size: 13px;
}

.submit-account-changes-link:active{    /*When it's clicked it changes colors*/
    background:#586d8e;
}

.submit-account-changes-link:hover{             /*When it's hovered it changes colors*/
    background:#8090b0;
}

.bigger-input-boxes{
    width: 311px;
}
